.board_page {
  background-color: #1b1b1b;
  height: calc(100vh - 99px);
  .fade_animition_center {
    animation:  fade_common_bottom 0.8s;
    @keyframes fade_common_bottom {
      from {
        bottom: 0;
        opacity: 0;
      }
      to {
        bottom: 2%;
        opacity: 1;
      }
    }
  }
  .fade_animition_left {
    animation:  fade_common_left 0.8s;
    @keyframes fade_common_left {
      from {
        left: 0;
        opacity: 0;
      }
      to {
        left: 2%;
        opacity: 1;
      }
    }
  }
  .fade_animition_right {
    animation:  fade_common_right 0.8s;
    @keyframes fade_common_right {
      from {
        right: 0;
        opacity: 0;
      }
      to {
        right: 2%;
        opacity: 1;
      }
    }
  }
  .bottom_center {
    padding: 0.5rem /* 40/16 */ 1.25rem /* 20/16 */;
    display: inline-block;
    position: absolute;
    bottom: 1%;
    left: 25%;
    z-index: 2;
    width: 46.6rem /* 392/16 */;
    height: auto;
    animation: name duration timing-function delay iteration-count direction fill-mode;
  }
  .left {
    padding: 2.5rem /* 40/16 */ 1.25rem /* 20/16 */;
    display: inline-block;
    position: absolute;
    top: 8%;
    left: 1%;
    z-index: 2;
    width: 28.5rem /* 392/16 */;
    height: auto;
    animation: name duration timing-function delay iteration-count direction fill-mode;
  }
  .right {
    padding: 2.5rem /* 40/16 */ 1.25rem /* 20/16 */;
    display: inline-block;
    position: absolute;
    top: 8%;
    right: 1%;
    z-index: 2;
    width: 24.5rem /* 392/16 */;
    height: auto;
    animation: name duration timing-function delay iteration-count direction fill-mode;
  }
}
